<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>云图管理</title>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css">

<script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>

<script type="text/javascript" src="\static\js\index.js"></script>

</head>
<body>

	<div class="container">
		<br/>
		<div class="panel panel-default">
			<!-- <div class="panel-heading">地图名称：<span id="table_span_id" no="tableid">我的地图4</span></div> -->
			<div class="panel-heading">地图名称：<span id="table_span_id" no=""></span></div>
			<div class="panel-body">
				<form id="formSearch" class="form-inline">
					<div class="form-group form-group-sm">
						<label class="control-label" for="keywords">关键词</label>
						<input type="text" class="form-control" id="keywords">
					</div>
					<div class="form-group form-group-sm">
						<button type="button" id="btn_query" class="btn btn-primary">查询</button>
						<button type="button" id="btn_reset" class="btn btn-primary">重置</button>
					</div>
				</form>
			</div>
		</div>
		
		<div id="toolbar" class="btn-group">
			<button id="btn_add" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
			</button>
			<button id="btn_edit" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
			</button>
			<button id="btn_delete" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
			</button>
		</div>
		
		<table id="table_data"></table>

	</div>
	
	<div id="table_modal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
	  <div class="modal-dialog modal-sm" role="document">
	    <div class="modal-content">
			<div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h5 class="modal-title">地图编辑</h5>
		      </div>
		      <div class="modal-body">
		        <form id="formSearch" class="form-inline">
					<div class="form-group form-group-sm">
						<label class="control-label" for="table_modal_name">地图名称</label>
						<input type="text" class="form-control" id="table_modal_name" placeholder="需要进行管理的地图名称">
					</div>
				</form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" id="table_modal_save" class="btn btn-primary">确定</button>
		      </div>
	    </div>
	  </div>
	</div>
	
	<div id="edit_modal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
	  <div class="modal-dialog modal-sm" role="document">
	    <div class="modal-content">
			<div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h5 class="modal-title">数据编辑</h5>
		      </div>
		      <div class="modal-body">
		        <form>
		        	<input type="hidden" id="edit_modal_id" value="">
					<div class="form-group">
						<label class="control-label" for="edit_modal_name">名称</label>
						<input type="text" class="form-control" id="edit_modal_name" placeholder="请输入名称">
					</div>
					<div class="form-group">
						<label class="control-label" for="edit_modal_address">地址</label>
						<input type="text" class="form-control" id="edit_modal_address" placeholder="请输入地址">
					</div>
				</form>
		      </div>
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		        <button type="button" id="edit_modal_save" class="btn btn-primary">确定</button>
		      </div>
	    </div>
	  </div>
	</div>
	
	<div id="info_modal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
	  <div class="modal-dialog modal-sm" role="document">
	    <div class="modal-content">
			<div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h5 class="modal-title">提示</h5>
		      </div>
		      <div class="modal-body">
		        <form id="formSearch" class="form-inline">
					<div class="form-group form-group-sm">
						<span id="info_modal_span"></span>
					</div>
				</form>
		      </div>
	    </div>
	  </div>
	</div>
</body>
</html>